<template>
 	<div class="">
 		<el-carousel height="750px" interval=interval>
      <el-carousel-item v-for="item in bannerList" :key="item.path">
        <img :src="src + item.path" style="height: 750px;">
      </el-carousel-item>
    </el-carousel>
 	</div>
</template>

<script>
import VDistpicker from 'v-distpicker'

export default {
	created() {
		this.getBanner()
	},
  data() {
  	return {
  		src: this.$src,
  		bannerList: [],
  		interval: 4000,
  	}
  },
  methods: {
  	getBanner: function() {
  		this.$api.get('/front/base/banners', null, r => {
				console.log('轮播图r', r)
				this.bannerList = r.data.list
			})
  	}
    
  }
}
</script>